<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>鹿程智慧油站商户平台</title>
	<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"
	/>
	<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理" />
	<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
	<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../layui/css/layui.css" />
	<link rel="stylesheet" href="../css/style.css" />
</head>
<body>
	<section>
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>权限管理</h3>
			<h5><a href="权限管理.html">权限管理</a></h5>
			<h4>管理账号</h4>		
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<!-- form -->
			<form class="order-nav clearfix" >
				<dl style="width: 260px;">
					<input type="text" name="keyword" value="" autocomplete="off" placeholder="请输入用户名" class="layui-input">
				</dl>
				<div class="order-nav-search">
					<button type="submit" class="deer-btn">查询</button>
					<button type="reset" class="deer-btns">复位</button>					
				</div>
			</form>
			<!-- form -->
			<section class="order-table">
			<table class="layui-table ware-table" lay-skin="line" lay-size="lg">
				<thead>
				    <tr>
						<th>用户名</th>
						<th>所属角色</th>
						<th>账号</th>
						<th>最后登录时间</th>
						<th>创建时间</th>
						<th>操作</th>
				    </tr> 
				</thead>
				
				<tbody>					
				    <tr>
						<td>管理员1</td>
						<td>管理员</td>
						<td>lucheng001</td>
						<td>2018-6-15 18:23</td>
						<td>2017-6-15 18:23</td>
						<td> 
							<span class="green" >修改</span>
							<span class="blue" style="margin-left: 8px">删除</span>
						</td>
				    </tr>
				      <tr>
						<td>管理员2</td>
						<td>管理员</td>
						<td>lucheng002</td>
						<td>2018-6-15 18:23</td>
						<td>2017-6-15 18:23</td>
						<td> 
							<span class="green">修改</span>
							<span class="blue" style="margin-left: 8px">删除</span>
						</td>
				    </tr>
				</tbody>
				
			</table>
			
			<div class="order-table-footer clearfix">
				<div class="order-table-page">
					<div id="page">

			
					</div>
				</div>
			</div>
			</section>
		</div>
	</section>
	
	<!--js-->
	<aside>
		<script type="text/javascript" src="../layui/layui.js"></script>
		<script type="text/javascript">
			layui.use(['layer','jquery','laypage'],function(){
				const  layer=layui.layer;
				const  $=layui.jquery;
				const  laypage=layui.laypage;				
				
				//修改
				$('.green').bind('click', function () {
					parent.layer.open({
						type: 2,
						area: ['400px', '450px'],
						shadeClose: true,
						resize: false,
						title: '修改账号',
						content: "添加.html",
						end: function () {
							location.reload();
						}
					})
				})

				//删除
				$('.blue').bind('click',function () {
					//var  id = $(this).attr("del-id");
					parent.layer.confirm('您确定要删除吗？', {
						title: '确认删除',
						icon:5
					}, function (index) {
						// 发送请求
						/*$.post("{:url('Supplier/del')}",{'id':id}, function (res) {
							parent.layer.close(index)
							if (res.code == 0) {
								layer.msg('删除成功', {icon: 1,time:2000}, function () {
									window.location.href = '';
								})

							} else {
								layer.msg(res.msg, { icon: 2 })
							}
						})*/
						// 
					})
				})
				
				//分页
				//var keyword = '{$Think.get.keyword|default=""}';
               	var page = 1;
                var total = 100;
                var per_page = 15; // 每页数目

				// 如果总页数目大于每页数目 则加载分页插件
				if (total > per_page) {
					if (page == '') {
						page = 1;
					}

					laypage.render({
						elem: 'page'
						, count: total    //数据总数
						, limit: per_page //每页显示的条数，需要和后台条数一致
						, curr: page	//当前页
						, theme: '#00cc9a'
						, prev: '«'
						, next: '»'
						, jump: function (e, first) { //触发分页后的回调
							if (!first) { //一定要加此判断，否则初始时会无限刷新
								location.href = '?page=' + e.curr + '&keyword=' + keyword;
							}
						}
					});
				}

			})						
		</script>
		
	</aside>
	<!--/js-->
</body>
</html>